<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<style type="text/css">
		html {
			min-height: 100%;
		}

		body {
			margin: 0;

			color: white;
			font-family: sans-serif;
		}

		body {
			background: #c32aff;
;			background: radial-gradient(circle at top left, #c32aff 0%, #51036b 57%, #490161 100%);
		}

		h1 {
			text-align: center;
			text-transform: uppercase;
		}

		a {
			color: white;
		}

		table {
			width: 100%;

			table-layout: fixed;
		}

		table td {
			padding: 0 1em 1em;

			text-align: center;
			vertical-align: top;
		}

		table a {
			text-decoration: none;

			font-size: 75%;
		}

		table img {
			display: block;

			width: 64px;
			height: 64px;

			margin: 0 auto;

			background-color: rgba(255, 255, 255, .90);

			border-radius: 1em;
		}

		ul {
			max-width: 300px;
			margin: 1em auto 0;
			padding-left: 0;
			padding-right: 1em;

			list-style-type: none;
			text-align: right;
		}

		li {
			margin: 1ex 0;
		}

		li img, li svg {
			vertical-align: middle;
		}
		</style>
	</head>
	<body>
		<h1>{{ Onion Browser }}</h1>

		<table style="{{ bookmarks_table_style }}">
			<tr>
				<td>
					<a href="{{ bookmark_url_0 }}"><img src="{{ bookmark_icon_0 }}" alt=""></a>
					<a href="{{ bookmark_url_0 }}">{{ bookmark_name_0 }}</a>
				</td>
				<td>
					<a href="{{ bookmark_url_1 }}"><img src="{{ bookmark_icon_1 }}" alt=""></a>
					<a href="{{ bookmark_url_1 }}">{{ bookmark_name_1 }}</a>
				</td>
				<td>
					<a href="{{ bookmark_url_2 }}"><img src="{{ bookmark_icon_2 }}" alt=""></a>
					<a href="{{ bookmark_url_2 }}">{{ bookmark_name_2 }}</a>
				</td>
			</tr>
			<tr>
				<td>
					<a href="{{ bookmark_url_3 }}"><img src="{{ bookmark_icon_3 }}" alt=""></a>
					<a href="{{ bookmark_url_3 }}">{{ bookmark_name_3 }}</a>
				</td>
				<td>
					<a href="{{ bookmark_url_4 }}"><img src="{{ bookmark_icon_4 }}" alt=""></a>
					<a href="{{ bookmark_url_4 }}">{{ bookmark_name_4 }}</a>
				</td>
				<td>
					<a href="{{ bookmark_url_5 }}"><img src="{{ bookmark_icon_5 }}" alt=""></a>
					<a href="{{ bookmark_url_5 }}">{{ bookmark_name_5 }}</a>
				</td>
			</tr>
		</table>

		<ul>
			<li>
				<a href="https://onionbrowser.com/">
				<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="Bridge-Config-4.10" transform="translate(-61.000000, -449.000000)">
							<g id="LearnMore" transform="translate(59.000000, 447.000000)">
								<g id="Combined-Shape-2" transform="translate(2.000000, 2.000000)" fill="#FFFFFF">
									<path d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,2.18028169 C5.23357358,2.18028169 2.18028169,5.23357358 2.18028169,9 C2.18028169,12.7664264 5.23357358,15.8197183 9,15.8197183 C12.7664264,15.8197183 15.8197183,12.7664264 15.8197183,9 C15.8197183,5.23357358 12.7664264,2.18028169 9,2.18028169 Z M9,2.68732394 C12.4863947,2.68732394 15.3126761,5.51360528 15.3126761,9 C15.3126761,12.4863947 12.4863947,15.3126761 9,15.3126761 C5.51360528,15.3126761 2.68732394,12.4863947 2.68732394,9 C2.68732394,5.51360528 5.51360528,2.68732394 9,2.68732394 Z M9,4.48573944 C6.50684273,4.48573944 4.48573944,6.50684273 4.48573944,9 C4.48573944,11.4931573 6.50684273,13.5142606 9,13.5142606 C11.4931573,13.5142606 13.5142606,11.4931573 13.5142606,9 C13.5142606,6.50684273 11.4931573,4.48573944 9,4.48573944 Z" id="Combined-Shape"></path>
								</g>
								<rect id="Rectangle-Copy-2" x="0" y="0" width="22" height="22"></rect>
							</g>
						</g>
					</g>
				</svg></a>
				<a href="https://onionbrowser.com/">{{ Learn more about Onion Browser }}</a>
				<a href="https://onionbrowser.com/">
				<svg width="8px" height="13px" viewBox="0 0 8 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="10.2”-iPad" transform="translate(-516.000000, -632.000000)" fill="#7ED321">
							<g id="GreenArrow" transform="translate(516.000000, 632.000000)">
								<g id="Overrides/Cell/Accessory/Disclosure-Indicator">
									<polygon id="Disclosure-Indicator" points="0 1.5 1.5 0 8 6.5 1.5 13 0 11.5 5 6.5"></polygon>
								</g>
							</g>
						</g>
					</g>
				</svg></a>
			</li>
			<li>
				<a href="javascript:showDonate()">
				<svg width="17px" height="18px" viewBox="0 0 17 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="Bridge-Config-4.10" transform="translate(-109.000000, -479.000000)">
							<g id="Donate" transform="translate(106.000000, 477.000000)">
								<path d="M11.5,2.5 C16.1884211,2.5 20,6.31157895 20,11 C20,15.6884211 16.1884211,19.5 11.5,19.5 C6.81157895,19.5 3,15.6884211 3,11 C3,6.31157895 6.81157895,2.5 11.5,2.5 Z M12.0088496,5.5 C11.6725664,5.5 11.4070796,5.77108434 11.4070796,6.11445783 L11.4070796,7.27108434 L11.3893805,7.27108434 C10.7522124,7.27108434 10.1504425,7.52409639 9.7079646,7.97590361 C9.24778761,8.42771084 9,9.04216867 9,9.69277108 C9,11.0301205 10.0619469,12.1144578 11.3716814,12.1144578 L11.3893805,12.1144578 L11.3893805,14.5180723 L11.3716814,14.5180723 C10.8938053,14.5180723 10.4513274,14.2289157 10.2743363,13.7590361 C10.1504425,13.4518072 9.79646018,13.3072289 9.49557522,13.4337349 C9.19469027,13.560241 9.05309735,13.9216867 9.17699115,14.2289157 C9.54867257,15.1506024 10.4159292,15.7289157 11.3893805,15.7289157 L11.4070796,15.7289157 L11.4070796,16.8855422 C11.4070796,17.2289157 11.6725664,17.5 12.0088496,17.5 C12.3451327,17.5 12.6106195,17.2289157 12.6106195,16.8855422 L12.6106195,15.7289157 L12.6283186,15.7289157 C13.9380531,15.7289157 15,14.6445783 15,13.3072289 C15,12.6566265 14.7522124,12.0421687 14.3097345,11.5903614 C13.8672566,11.1385542 13.2831858,10.8855422 12.6460177,10.8855422 L12.6283186,10.8855422 L12.6283186,8.48192771 L12.6460177,8.48192771 C13.1238938,8.48192771 13.5663717,8.77108434 13.7433628,9.24096386 C13.8672566,9.54819277 14.2212389,9.69277108 14.5221239,9.56626506 C14.8230088,9.43975904 14.9646018,9.07831325 14.840708,8.77108434 C14.4690265,7.84939759 13.6017699,7.27108434 12.6283186,7.27108434 L12.6106195,7.27108434 L12.6106195,6.11445783 C12.6106195,5.77108434 12.3451327,5.5 12.0088496,5.5 Z M12.6460177,12.1144578 C12.9646018,12.1144578 13.2477876,12.2409639 13.4778761,12.4759036 C13.7079646,12.6927711 13.8141593,13 13.8141593,13.3253012 C13.8318584,13.9759036 13.300885,14.5180723 12.6460177,14.5180723 L12.6283186,14.5180723 L12.6283186,12.1144578 L12.6460177,12.1144578 Z M11.4247788,8.5 L11.4247788,10.9036145 L11.4070796,10.9036145 L11.4070796,10.8855422 C10.7522124,10.8855422 10.2212389,10.3433735 10.2212389,9.69277108 C10.2212389,9.36746988 10.3451327,9.06024096 10.5752212,8.84337349 C10.7876106,8.62650602 11.0884956,8.5 11.4070796,8.5 L11.4247788,8.5 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
								<rect id="Rectangle" x="0" y="0" width="22" height="22"></rect>
							</g>
						</g>
					</g>
				</svg></a>
				<a href="javascript:showDonate()">{{ Donate to Onion Browser }}</a>
				<a href="javascript:showDonate()">
				<svg width="8px" height="13px" viewBox="0 0 8 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="10.2”-iPad" transform="translate(-516.000000, -632.000000)" fill="#7ED321">
							<g id="GreenArrow" transform="translate(516.000000, 632.000000)">
								<g id="Overrides/Cell/Accessory/Disclosure-Indicator">
									<polygon id="Disclosure-Indicator" points="0 1.5 1.5 0 8 6.5 1.5 13 0 11.5 5 6.5"></polygon>
								</g>
							</g>
						</g>
					</g>
				</svg></a>
			</li>
			<li>
				<a href="https://newsletter.torproject.org/">
				<svg width="17px" height="11px" viewBox="0 0 17 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="Bridge-Config-4.10" transform="translate(-93.000000, -519.000000)">
							<g id="Newsletter" transform="translate(91.000000, 513.000000)">
								<g id="noun_Email_2817882" transform="translate(2.000000, 6.000000)" fill="#FFFFFF" fill-rule="nonzero">
									<path d="M16.9710145,2 L10.1819326,6.63519313 C9.42759018,7.13733906 8.51443881,7.13733906 7.79979861,6.63519313 L0.971014493,2 L0.971014493,10.111588 C0.971014493,10.6137339 1.40773906,11 1.92386809,11 L16.0578631,11 C16.5739922,11 16.9710145,10.6137339 16.9710145,10.111588 L16.9710145,2 Z" id="Path"></path>
									<path d="M0.971014493,0.745098039 L8.23652318,5.76470588 C8.67324774,6.07843137 9.26878124,6.07843137 9.70550581,5.76470588 L16.9710145,0.745098039 C16.89161,0.31372549 16.4945877,0 16.0578631,0 L1.92386809,0 C1.44744129,0 1.09012119,0.31372549 0.971014493,0.745098039 Z" id="Path"></path>
								</g>
								<rect id="Rectangle" x="0" y="0" width="22" height="22"></rect>
							</g>
						</g>
					</g>
				</svg></a>
				<a href="https://newsletter.torproject.org/">{{ Subscribe to Tor Newsletter }}</a>
				<a href="https://newsletter.torproject.org/">
				<svg width="8px" height="13px" viewBox="0 0 8 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<g id="Dec-3-2019" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
						<g id="10.2”-iPad" transform="translate(-516.000000, -632.000000)" fill="#7ED321">
							<g id="GreenArrow" transform="translate(516.000000, 632.000000)">
								<g id="Overrides/Cell/Accessory/Disclosure-Indicator">
									<polygon id="Disclosure-Indicator" points="0 1.5 1.5 0 8 6.5 1.5 13 0 11.5 5 6.5"></polygon>
								</g>
							</g>
						</g>
					</g>
				</svg></a>
			</li>
		</ul>
	</body>
</html>
